import React from 'react';
import styles from './Callout.module.css';

type CalloutType = 'info' | 'warning' | 'success' | 'danger';

interface CalloutProps {
  children: React.ReactNode;
  type?: CalloutType;
  title?: string;
}

export default function Callout({
  children,
  type = 'info',
  title,
}: CalloutProps) {
  return (
    <div className={`${styles.callout} ${styles[type]}`}>
      {title && <div className={styles.title}>{title}</div>}
      <div className={styles.content}>{children}</div>
    </div>
  );
} 